import * as React from 'react'
import * as ReactDom from 'react-dom'
// import Counter1 from'./components/Counter1'
// import Counter2 from'./components/Counter2'

import App from'./containers/App'
import {Provider} from 'react-redux'
import store from './store'

// import {BrowserRouter as Router,Route,Link } from 'react-router-dom'
import {Route,Link } from 'react-router-dom'

import {ConnectedRouter} from 'connected-react-router'
import history from './store/history'



ReactDom.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <Route path="/" component={App}/>
      {/* <React.Fragment>
        <Link to="/">counter1</Link>
        <Link to="/2">counter2</Link>
        <Route exact path="/" component={Counter1}/>
        <Route  path="/2" component={Counter2}/>
      </React.Fragment> */}
    </ConnectedRouter>
    {/* <React.Fragment>
      <Counter1/>
      <Counter2/>
    </React.Fragment> */}
  </Provider>
  ,document.getElementById('root'))